<template>
	<view>
		<view class="top-img">
			 <u-swiper
			            :list="swiperlist"
			            keyName="image"
						:height="168"
			            :autoplay="true"
						:radius="0"
			            circular
			    ></u-swiper>
		</view>
		<div style="clear:both;"></div>
		<view class="subject">
			<view class="subject-view">
			<view class="subject-tab">
				<view class="subject-tabs">酒店</view>
				<view>景区</view>
				<view>自由行</view>
			</view>
			<view class="horse">
				<u-notice-bar bg-color="#fff" color="#ff5722" direction="column" mode="vertical" :text="list"></u-notice-bar>
			</view>
			 <view class="type-tab">
				 <view @click="onTab(value.type)" :class="[countrytyle === value.type?'type-tabs':'']" v-for="(value,index) in countrylist">{{value.name}}</view>
			 </view>
			 <view class="hotel-text">
				 <view class="text-title">目的地</view>
				 <view class="text-data">
					 <text class="text-data-one">长沙</text>
					 <text class="text-data-two">
						 我的位置
					 </text>
				 </view>
			 </view>
			 
			 <view class="hotel-text">
			 	<view class="text-title">今日入住 中午离店</view>
			 	<view class="text-data">
			 		<text class="text-data-one" @click="show = true">{{startDate}} — {{endDate}}</text>
			 		<text class="text-data-two">共{{nights}}晚</text>
			 		</view>
			 </view>
			 <view class="hotel-text">
			 	<view class="text-title">搜索</view>
			 	 <view class="hotel-inp">
					 <input placeholder="关键字/位置/品牌/酒店名"/>
				 </view>
			 </view>
			 <view class="hotel-text">
			 	<view class="text-title">价格/星级</view>
			 	 <view class="hotel-inp">
			 		<input placeholder="可选择价格星级"/>
			 	</view>
			 </view>
			 <view class="hotel-btn">
				 <button class="hotel-btns" @click="searchData">搜索</button>
			 </view>
			</view>
		</view>
		<u-calendar active-bg-color="#ff5722" range-color="#ff5722" v-model="show" :mode="mode" @change="change">
			<view slot="tooltip">
				<view class="title">请选择住店/离店时间</view>
			</view>
		</u-calendar>
		
	</view>
</template>

<script>
import index from './index.js'
export default index
</script>
<style>@import url("./index.css");</style>
